<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- 在页面启用thymeleaf标签  -->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--输出字符串数据   name从那来的  controller中的model中 -->
<p th:text="${#strings.append(name,age)}"></p>

<p th:text="|${name} ${age}|"></p>

<form th:action="@{/test/add}">
    <input name="name" >
    <input type="submit">
</form>

<table>
    <tr>
        <th>下标</th>
        <th>编号</th>
        <th>姓名</th>
        <th>地址</th>
    </tr>
    <tr th:each="user,in:${users}">
        <td th:text="${in.index}"></td>
        <td th:text="${user.id}"></td>
        <td th:text="${user.name}"></td>
        <td th:text="${user.address}"></td>
    </tr>
</table>

<p th:each="map,maps:${dataMap}">
    <span th:text="${map}"></span>
    <br/>
    <span th:text="${maps.current.key}"></span>
    <span th:text="${maps.current.value}"></span>
</p>

<p th:each="name:${names}">
    <span th:text="${#strings.substring(name,1)}"></span>
</p>

<p th:text="${now}"></p>
<p th:text="${#dates.format(now,'yyyy-MM-dd HH:ss:mm')}"></p>


<p th:if="${(age>18)}">
    你已经成人了

</p>
<p th:unless="${(age>18)}"> <!-- 相当于else -->
    未成年
</p>

<button onclick="show()">点击测试</button>
<!-- 内连 -->
<script th:inline="javascript">
    //在Script中获取Model中的值
    var names =  [[${name}]]; // javaScript中的写法有两步 1. 内联 - th:inline 2. [[${model的name}]]
    function show(){
        alert(names);
    }
</script>
</body>
</html>